<template>
    <view class="content">
        <van-popup position="bottom" @click-overlay="closePopup" :show="show" round z-index=104
            custom-style="width: 100%;background:#ffffff;overflow: hidden; ">
            <view class="popup-content">
                <scroll-view :refresher-enabled="false" class="scroll-content" scroll-y :lower-threshold="80"  show-scrollbar="false">

                <view class="popup-main">
                    <view style="display: flex; justify-content: space-between;">
                        <view class="popupTitle"> 温馨提示：</view>
                        <van-icon name="cross"  size="15" @click="closePopup" />
                    </view>
                    <view class="tipsContent"> 您尚未选择特定的服务人员，系统将会自动为您分配一位。请问您现在确认预约吗？ </view>
                </view>
                </scroll-view>

                <!-- <view class="goodsAction nav_box">
                    <van-goods-action>
                        <van-goods-action-button color="#FF6203" text="确认" @click="onClickbutton" />
                    </van-goods-action>
                </view> -->
                <view class="btn-area">
                    <van-button type="primary" class="" @click="onClickbutton">确认</van-button>
                </view>
            </view>
        </van-popup>
    </view>
</template>

<script>
import Toast from '@/wxcomponents/vant/toast/toast'
export default {
    props: {
        show: {
            type: Boolean,
            default: () => false
        },

    },
    data () {
        return {
            curS:0,
            curSName:'',
            date: '',
            showMark: true, // 标记
            title: '预约信息',
            option: {},
            labelList:['金牌保姆','会开车','育儿经验'],


        }
    },

    computed: {
    },


  watch:{

  },
    onLoad () {
        if (this.house===0) {
            // this.title = '商品排序'
        } else{
            // this.title = '全部分类'
        }
      
    },
    onReady () { },

    methods: {
  
        // 关闭弹窗
        closePopup () {
            console.log('关闭 关闭关闭---------')
            this.$emit('closeBookedTipsPopup')
        },
        // 确定
        onClickbutton(){
            this.$emit('closeBookedTipsPopup',true)
        },



  },

}
</script>
<style lang="scss" scoped>

::v-deep .van-button__text {
    display: flex !important;
    flex-direction: column !important;
}
// 提示框
.popup-content {
    padding:24px;
    font-size: 12px;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    // height: 50%;


    .popup-main {
        // height: 100%
        height:calc(100% - (144rpx + env(safe-area-inset-bottom)));
        padding-bottom: calc(144rpx + env(safe-area-inset-bottom));
    }


    .popupTitle {
        font-weight: 400;
        font-size: 38rpx;
        text-align: left;
        color: #ff6203;
    }

}

.tipsContent{
    font-weight: 400;
    font-size: 28rpx;
    text-align: left;
    color: #333;  
    margin-top: 32rpx;
}

// 去绑定的按钮
.button{
    // width: 100%;
    font-size: 12px;
    color: #ffffff;
    height: 20px;
    line-height:20px;
    border-radius: 10px;
    border-style: initial !important;
    padding: 0 11px !important;
    background: #FF6203 !important;
    margin-left: 13px;
}

::v-deep .van-button--primary {
  width: 100%;
  height: 86rpx;
  border-radius: 50rpx;
  background: #ff6203;
  margin-top: 32rpx;
  font-size: 28rpx;
}
</style>

